<div id="porlet_1"></div>
<div id="porlet_2">
  <div class="porlet_2">
    <b>
      <a href="#">
        <!-- NAME -->
        THÔNG TIN TK
        <!-- END - NAME-->
      </a>
    </b>
  </div>
</div>
<div id="porlet_3"></div>
<div id="porlet_4">
  <div class="porlet_4">&nbsp;</div>
</div>
<div id="porlet_5"></div>
<div style="clear:left"></div>
<div class="main_porlet">
  <!-- CONTENT -->

  <%= form_for @user, :as => :user, :url => account_settings_path, :method => :put, :html => { :style => 'padding: 20px 25px 15px; font: 90% arial, helvetica, sans-serif;' } do |f|  %>
      <!-- READONLY -->
      <div style="margin:0 0 1.5em; width: 300px; float:left;">
        <label>
          <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Mã nhân viên</strong>
          <input value="<%= @user.MaNV %>" readonly="readonly" size="30" style="height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;" type="text">
        </label>
        <% #f.text_field :Email, :value => "#{@user.MaNV}", readonly:1 ,:style => "height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;"%>
      </div>

      <div style="margin:0 0 1.5em;">
        <label>
          <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Tên nhân viên</strong>
          <input value="<%= @user.TenNV %>" readonly="readonly" size="30" style="height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;" type="text">
        </label>
        <% #f.text_field :Email, :value => "#{@user.TenNV}", readonly:1 ,:style => "height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;"%>
      </div>

      <div style="margin:0 0 1.5em; width: 300px; float:left;">
        <label>
          <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Chức vụ</strong>
          <input value="<%= @user.chuc_vu.TenCV %>" readonly="readonly" size="30" style="height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;" type="text">
        </label>
        <% #f.text_field :Email, :value => "#{@user.ChucVu}", readonly:1 ,:style => "height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;"%>
      </div>

      <div style="margin:0 0 1.5em;">
        <label>
          <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Ngày sinh</strong>
          <input value='<%= @user.NgaySinh.strftime("Ngày %d tháng %m năm %Y") %>' readonly="readonly" size="30" style="height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;" type="text">
        </label>
        <% #f.text_field :Email, :value => "#{@user.NgaySinh.strftime("Ngày %d tháng %m năm %Y")}", readonly:1 ,:style => "height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;"%>
      </div>

      <div style="margin:0 0 1.5em; width: 300px; float:left;">
        <label>
          <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Giới tính</strong>
          <input value="<%= @user.GioiTinh ? 'Nam': 'Nữ' %>" readonly="readonly" size="30" style="height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;" type="text">
        </label>
        <% #f.text_field :Email, :value => "#{@user.GioiTinh ? 'Nam': 'Nữ'}", readonly:1 ,:style => "height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;"%>
      </div>

      <div style="margin:0 0 1.5em;">
        <label>
          <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Email</strong>
          <input value="<%= @user.Email %>" readonly="readonly" size="30" style="height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;" type="text">
        </label>
        <% #f.text_field :Email, :value => "#{@user.Email}", readonly:1 ,:style => "height: 32px; font-size: 15px; padding: 0 8px; -webkit-user-select: none;"%>
      </div>

      <!-- End - READONLY -->

      <div style="margin:0 0 1.5em;">
        <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Mật khẩu hiện tại</strong>
        <%= f.password_field :password, :style => "height: 32px; font-size: 15px; padding: 0 8px;"%>
        <%= show_field_error(@user, :password) %>
      </div>

      <div style="margin:0 0 1.5em;">
        <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Email mới (Bỏ trống nếu bạn không muốn thay đổi địa chỉ email)</strong>
        <%= f.text_field :Email, :value => "", :style => "height: 32px; font-size: 15px; padding: 0 8px;"%>
        <%= show_field_error(@user, :Email) %>
      </div>

      <div style="margin:0 0 1.5em;">
        <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Mật khẩu mới (Bỏ trống nếu bạn không muốn thay đổi mật khẩu)</strong>
        <%= f.password_field :new_password, :style => "height: 32px; font-size: 15px; padding: 0 8px;"%>
        <%= show_field_error(@user, :new_password) %>
      </div>

      <div style="margin:0 0 1.5em;">
        <strong style="font-weight: bold; margin: 0 0 0.5em; display: block; -webkit-user-select: none;">Xác nhận mật khẩu mới</strong>
        <%= f.password_field :new_password_confirmation, :style => "height: 32px; font-size: 15px; padding: 0 8px;"%>
        <%= show_field_error(@user, :new_password_confirmation) %>
      </div>

      <%= f.submit 'Cập nhật', :class => "g-button-submit g-button", :style => "margin: 0 1.5em 1.2em 0; height: 32px; font-size: 13px; width: 87px;" %>
  <% end %>
  <br style="clear:both;"/>

  <!-- END - CONTENT -->
</div>
<!-- End - Import -->
<div style="clear:both;"></div>
<!-- END - CONTENT -->